<template>
    <el-drawer v-model="drawer2" direction='left to right'>
        <template #header>
            <h4>我是标题</h4>
        </template>
        <template #default>
            <div>
                我的是抽题
            </div>
        </template>
        <template #footer>
            <div style="flex: auto">
                <el-button @click="cancelClick">关闭</el-button>
                
            </div>
        </template>
    </el-drawer>
</template>
  
<script setup>
    import {onMounted,  reactive, toRefs, ref } from 'vue'
    const drawer2 = ref(false)
    const cancelClick=()=>{
        drawer2.value = false
    }
</script>

<style scoped>

</style>